<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <base href="<?php echo base_url(); ?>"/>
        <title>Master Login</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <link rel="stylesheet" type="text/css" href="colorbox.css" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/ddaccordion.js"></script>
        <script type="text/javascript" src="js/jquery.validity.pack.js"></script>
        <script type="text/javascript" src="js/jquery.colorbox.js"></script>
        <script type="text/javascript">
            ddaccordion.init({
                headerclass: "submenuheader", //Shared CSS class name of headers group
                contentclass: "submenu", //Shared CSS class name of contents group
                revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
                mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
                collapseprev: false, //Collapse previous content (so only one open at any time)? true/false
                defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
                onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
                animatedefault: false, //Should contents open by default be animated into view?
                persiststate: true, //persist state of opened contents within browser session?
                toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
                togglehtml: ["suffix", "<"+"img src='images/plus.gif' class='statusicon' />", "<"+"img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
                animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
                oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
                    //do nothing
                },
                onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
                    //do nothing
                }
            })
        </script>
        <script src="js/jquery.jclock.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/jconfirmaction.jquery.js"></script>
        <script type="text/javascript" src="js/jquery.fastconfirm.js"></script>
        <script type="text/javascript">

            $(document).ready(function() {
                $('.ask').jConfirmAction();
            });

        </script>
        <script type="text/javascript">
            $(function($) {
                $('.jclock').jclock();
            });
        </script>
        <script type="text/javascript" src="js/jquery.uitablefilter.js"></script>
        <script type="text/javascript" src="js/jquery.cookies.js"></script>
        <script type="text/javascript" src="js/jquery.autocomplete.js"></script>
        <script type="text/javascript" src="js/jquery.tablesorter.js"></script>

        <link rel="stylesheet" type="text/css" media="all" href="niceforms-default.css" />
        <link rel="stylesheet" type="text/css" media="all" href="jquery.fastconfirm.css" />

    </head>
    <body style="overflow: hidden;">

        <script type="text/javascript">

            function toggleSidebar(){

                if($.cookie('tokobaju_sidebar_isHidden') != 'yes' || $.cookie('tokobaju_sidebar_isHidden') == null){
                    // hide it
                    $('.left_content').animate({width:"0px"}, function(){
                        $(this).hide();
                        $('.right_content').css({marginRight: '0px'});
                    });
                    $('#sidebar_toggler input').first().val("« Menu");
                    $.cookie('tokobaju_sidebar_isHidden', 'yes', {exprires: 30, path: '/'});
                } else {
                    // show it
                    $('.right_content').css({marginRight: '230px'});
                    $('.left_content').show().animate({width:"195px"});
                    $.cookie('tokobaju_sidebar_isHidden', 'no', {exprires: 30, path: '/'});
                    $('#sidebar_toggler input').first().val("Menu »");
                }
            }


            $(document).ready(function(){
                $('.right_content, .left_content').css({height: $(window).height() - $('.header').height() - 50 + 'px'});
                $('.right_content h2').first().remove();
                if($.cookie('tokobaju_sidebar_isHidden') == 'yes'){
                    $('.left_content').hide()
                    $('.right_content').css({marginRight: '0px'});
                    $('#sidebar_toggler input').first().val("« Menu");
                }
                $('#username').focus();

            });

            $(window).resize(function(){
                $('.right_content, .left_content').css({height: $(window).height() - $('.header').height() - 50 + 'px'});
            });

        </script>

        <div id="main_container">

            <div class="header">

                <div id="title" style="text-align: center; width: 100%">
                    <h2><span style="color: #CCC">Master &raquo; </span>Login</h2>
                </div>

            </div>

            <div class="main_content">


                <div class="center_content">

                    <br/>
                    <br/>
                    <br/>
                    <table border="0" style="margin: 20px auto; border: 1px solid #CCC; -moz-border-radius: 4px; -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.15)">
                        <?php if($this->session->flashdata('login_fail')) : ?>
                        <tr>
                            <td colspan="2">
                                <div class="error_box" style="width: auto;">Username atau password salah</div>
                            </td>
                        </tr>
                        <?php endif; ?>
                        <?php if(isset($logout)) : ?>
                        <tr>
                            <td colspan="2">
                                <div class="valid_box" style="width: auto;">Anda sudah logout</div>
                            </td>
                        </tr>
                        <?php endif; ?>
                        <tr>
                            <td style="width: 128px;">

                                <img src="images/gembok.png" alt="Login"/>

                            </td>
                            <td>

                                <form action="" method="post" class="niceform">

                                    <fieldset>
                                        <dl style="width: auto">
                                            <dt style="width: 80px; text-align: left"><label for="username">Username:</label></dt>
                                            <dd style="width: auto"><input type="text" name="username" id="username" size="20" /></dd>
                                        </dl>
                                        <dl style="width: auto">
                                            <dt style="width: 80px; text-align: left"><label for="password">Password:</label></dt>
                                            <dd style="width: auto"><input type="password" name="password" id="password" size="20" /></dd>
                                        </dl>

                                        <dl style="width: auto">
                                            <dt style="width: 80px;"><label for="password">&nbsp;</label></dt>
                                            <dd style="width: auto">
                                                <input type="submit" name="submit" id="submit" value="   Login   " class="button blue" />
                                                <input type="button" value="   &laquo; Ke kasir   " class="button blue" onclick="window.location = 'index.php';" />
                                            </dd>
                                        </dl>

                                    </fieldset>

                                </form>



                            </td>
                        </tr>


                    </table>

                </div>   <!--end of center content -->




                <div class="clear"></div>
            </div> <!--end of main content-->

        </div>
    </body>
</html>